<template>
  <el-row>
<!-- 搜索条件 -->
     <el-col :span="24">
         <div class="uicon-box">
             <div class="card-head">
                  <div class="card-title">搜索条件</div>
              </div>
              <div class="card-conbox">
                  <el-row>
                     <el-col :span="24">
                      <div class="dilefx ">
                        <span>员工职位：</span>
                        <el-input v-model="input" placeholder="请输入姓名" class="flex-input" size="small"></el-input>
                      </div>
                       <div class="dilefx mlaf20">
                        <span>职位：</span>
             <el-select v-model="value" placeholder="请选择" class="flex-input" size="small"> <el-option v-for="item in options" :key="item.value"  :label="item.label" :value="item.value"> </el-option></el-select>
                      </div>
                      <div class="dilefx mlaf20" >
                           <el-button type="danger" icon="el-icon-search" size="small">搜索</el-button>
                      </div>

                     </el-col>

                  </el-row>
              </div>
         </div>
     </el-col>
 <!-- 搜索条件 -->
 <!-- 表格 -->
<el-col :span="24">
  <div class="uicon-box">
             <div class="card-head">
                  <div class="card-title">员工管理</div>
              </div>
              <div class="card-conbox">
                <el-row>
             
                   <el-col :span="24" >
                    <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="number"
      label="工号"
      width="100">
    </el-table-column>

    <el-table-column
      prop="name"
      label="姓名"
     >
    </el-table-column>

      <el-table-column
      prop="position"
      label="职位"
     >
    </el-table-column>

    
      <el-table-column
      prop="wenzhi"
      label="文字"
     >
    </el-table-column>


  </el-table>
         </el-col>
         <el-col :span="24">
<!-- <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400" class="pagintiobns">
    </el-pagination> -->
         </el-col>
          </el-row>
        </div>
  </div>
</el-col>
 <!-- 表格 -->
</el-row>
</template>
<script>
export default {
  data() {
    return {
      input: "", //姓名
      value: '',//职位SET
      ummenber:"1231323123",
      ruleForm:{
       usernumber:"11"
      },
      tableData: [
        {
          number: "1",
          name: "张三",
          position:"管理员",
          wenzhi:"不知道什么"
        },
         {
          number: "1",
          name: "张三",
          position:"管理员",
          wenzhi:"不知道什么"
        },              
      ],
        options: [{
          value: '1',
          label: '开发部'
        }, {
          value: '2',
          label: '销售'
        }], 
    };
  },
    methods: { 
    }
};
</script>
<style lang="less">
.cogreen{
    color: #67C23A;
}
.subod{
  font-weight:bold;
  margin-bottom: 20px;
}
.uutable2{
  tbody{ 
     td:nth-child(3){
        .cell{
          color:#67C23A;
        }
    }
      td:nth-child(4){
        .cell{
          color:#f56c6c;
        }
    }
  }
}
.uswin120{
  width: 180px;
}
</style>
